<template>
  <div>
    <div class="index">
      <div class="top inner clearFix">
        <div class="logo fl clearFix">
          <img src="../assets/images/logo.png" alt="">
          <p>什邡市镇街“三化”自助服务系统</p>
        </div>
        <div class="shadow"></div>
      </div>
      <div class="location">
        <div class="location">
          <div class="locationInner clearFix fl">
            <router-link to="/">首页</router-link><i></i><router-link to="/zwfw">政务服务</router-link><i></i><router-link to="/wyb">我要办</router-link>
          </div>
          <Back></Back>
        </div>
      </div>
      <ul class="xtInner clearFix">
        <li class="color4">
          <router-link to="/wyc">
            <img src="../assets/images/icon_11.png" alt="">
            <p>法人服务</p>
          </router-link>
        </li>
        <li class="color5">
          <router-link to="/wyb">
            <img src="../assets/images/icon_12.png" alt="">
            <p>个人服务</p>
          </router-link>
        </li>
      </ul>
    </div>
  </div>
</template>

<script>
import Vue from "vue";
import Back from "./Back.vue";
Vue.component("Back", Back);
export default {
  name: "wyb",
  data(){
    return{}
  },
}
</script>

<style scoped>
.xtInner{padding-top: 128px;width: 923px}
.xtInner li{margin-left: 270px;background-size: 72%;}
.xtInner li a{width: 325px;height: 147px;padding-top: 178px;display: block}
.xtInner li img{top: 96px;}
</style>
